import { Img } from "esy-ui"
import React from "react"

const img1 = "https://img2.baidu.com/it/u=429324518,3676613056&fm=253"
const img2 = "https://img2.baidu.com/it/u=2265842689,1897709782&fm=253"
const img3 = "https://img0.baidu.com/it/u=2907577551,1696618440&fm=253"
const img4 = "https://img0.baidu.com/it/u=3447238722,3080374967&fm=253"

export const DemoL2 = () => {
    return (
        <div className="h-40 overflow-y-auto show-thumb w-full border border-solid border-primary">
            <Img className="w-full object-contain" src={img1} />
            <Img className="w-full object-contain" src={img2} />
            <Img lazy className="w-full object-contain" src={img3} />
            <Img lazy={false} className="w-full object-contain" src={img4} />
        </div>
    )
}

export const demoL2Json = `
import { Img } from "esy-ui"
import React from "react"

const img1 = "https://img2.baidu.com/it/u=429324518,3676613056&fm=253"
const img2 = "https://img2.baidu.com/it/u=2265842689,1897709782&fm=253"
const img3 = "https://img0.baidu.com/it/u=2907577551,1696618440&fm=253"
const img4 = "https://img0.baidu.com/it/u=3447238722,3080374967&fm=253"

export const DemoL2 = () => {
    return (
        <div className="h-40 overflow-y-auto show-thumb w-full border border-solid border-primary">
            <Img className="w-full object-contain" src={img1} />
            <Img className="w-full object-contain" src={img2} />
            <Img lazy className="w-full object-contain" src={img3} />
            <Img lazy={false} className="w-full object-contain" src={img4} />
        </div>
    )
}
`
